<?php
/**
 * Template Name: Contact us Template
 * Description: A Page Template that show map
 *
 * The Contact us template in Twenty Eleven consists of a featured posts section using sticky posts,
 * another recent posts area (with the latest post shown in full and the rest as a list)
 * and a left sidebar holding aside posts.
 *
 * We are creating two queries to fetch the proper posts and a custom widget for the sidebar.
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */

get_header(); ?>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

<section class="page-top">
					<div class="container">
						<div class="row">
							<div class="span12">
								<ul class="breadcrumb">
									<?php bcn_display(); ?> 
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="span12">
                                                            <h2><?php the_title(); ?></h2>
							</div>
						</div>
					</div>
				</section>

<!-- Google Maps -->
<div id="googlemaps" class="google-map hidden-phone"></div>
		<div id="primary" class="container">
			<div id="content" role="main">

				<?php while ( have_posts() ) : the_post(); ?>

					<?php get_template_part( 'content', 'page' ); ?>

					<?php //comments_template( '', true ); ?>

				<?php endwhile; // end of the loop. ?>

			</div><!-- #content -->
		</div><!-- #primary -->

<?php get_footer(); ?>
<!-- Libs -->
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/jquery.js"><\/script>')</script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/jquery.easing.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/jquery.cookie.js"></script>
		<!-- <script src="master/style-switcher/style.switcher.js"></script> -->
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/bootstrap.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/selectnav.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/twitterjs/twitter.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/flexslider/jquery.flexslider.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/jflickrfeed/jflickrfeed.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/fancybox/jquery.fancybox.js"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/jquery.validate.js"></script>

		<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script src="<?php bloginfo('stylesheet_directory'); ?>/vendor/jquery.mapmarker.js"></script>

		<script>
			$(document).ready(function() {

				var mapMarkers = {
					"markers": [
						{
							"latitude": "48.85661",
							"longitude":"2.35222",
							"icon": "img/pin.png"
						}
					]
				};

				$("#googlemaps").mapmarker({
					zoom : 16,
					center: "48.85661, 2.35222",
					dragging:1,
					mousewheel:0,
					markers: mapMarkers,
					featureType:"all",
					visibility: "on",
					elementType:"geometry"
				});
			
			});
		</script>

		<script src="<?php bloginfo('stylesheet_directory'); ?>/js/plugins.js"></script>

		<!-- Page Scripts -->
		<script src="<?php bloginfo('stylesheet_directory'); ?>/js/views/view.contact.js"></script>

		<!-- Theme Initializer -->
		<script src="<?php bloginfo('stylesheet_directory'); ?>/js/theme.js"></script>

		<!-- Custom JS -->
		<script src="<?php bloginfo('stylesheet_directory'); ?>/js/custom.js"></script>